// @flow
import React from 'react'
import universalFetch, { handleFetchError } from 'store/modules/fetch'

type States = {
  resultData: string
}
class InterfaceData extends React.Component {
  state: States
  constructor (props: Object) {
    super(props)
    this.state = {
      resultData:''
    }
  }
  componentDidMount () {
    const data = this.props
    const jobId = data.location.query.data.jobId
    universalFetch(`${__SERVICE_API__}analysis/jobs/${jobId}/interfaces`,
      {
        method: 'GET',
        headers: {
          'Content-Type': 'application/jsoncharset=utf-8'
        }
      })
      .then((res) => res.json())
      .then((json) => {
        if (json.code !== 200000) {
          throw new Error(JSON.stringify({ code: json.code, message: json.message }))
        }
        this.setState({
          resultData:JSON.stringify(json)
        })
      })
      .catch((error) => {
        handleFetchError(error)
        console.error(error)
      })
  }
  render () {
    return <div>{this.state.resultData}</div>
  }
}
export default InterfaceData
